Menu-Formatierung
10 Jahre 6 Monate her - 10 Jahre 6 Monate her #613
von Geni
Menu-Formatierung wurde erstellt von Geni
Ich habe wegen meinem Fussmenu im CSS die folgende Eingabe:
Dies hat nun aber auswirkung auf das Topmenu, damit könnte ich gut Leben wenn das mit Fehler des ersten Punktes nicht wäre:
ist:
gewünscht wäre aber:
Warum ist im Topmenu nur der erste Punkt betroffen und wie behebe ich dies?
Gruss Geni
Live ist dies hier
Code:
.nav > li > a:hover,
.nav > li > a:focus { /* focus Fussmenue */
text-decoration: underline;
background-color: transparent;
font-weight: bold;
}
ist:
gewünscht wäre aber:
Warum ist im Topmenu nur der erste Punkt betroffen und wie behebe ich dies?
Gruss Geni
Live ist dies hier
Letzte Änderung: 10 Jahre 6 Monate her von Geni.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Thomas Hunziker
- Offline
- Administrator
10 Jahre 6 Monate her #614
von Thomas Hunziker
Thomas Hunziker antwortete auf Menu-Formatierung
Wenn die Regeln nur fürs Menü im Footer gelten sollen, schreib das einfach in die Regel hinein
Code:
#footermodules .nav > li > a:hover,
#footermodules .nav > li > a:focus {
/* focus Fussmenue */
text-decoration: underline;
background-color: transparent;
font-weight: bold;
}
Folgende Benutzer bedankten sich: Geni
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
10 Jahre 5 Monate her - 10 Jahre 5 Monate her #617
von vaz
vaz antwortete auf Menu-Formatierung
Hallo Thomas, ich würde gerne das Hauptmenü anders formatieren. Jetzt ist dazu folgende Frage aufgetaucht.
Und zwar würde ich die einzelnen Menüpunkte (mit dem hover Effekt) bis an den Rand laufen lassen und zwar ohne (orange) Ränder des Hintergrundblockes. Hab jetzt rumprobiert, bekomms aber nicht hin. Sollte in etwa wie auf dem anderen Menü aussehen. Für eine Lösung bin ich wie immer sehr dankbar! www.valle90.bplaced.net
Gruß Valentin
Und zwar würde ich die einzelnen Menüpunkte (mit dem hover Effekt) bis an den Rand laufen lassen und zwar ohne (orange) Ränder des Hintergrundblockes. Hab jetzt rumprobiert, bekomms aber nicht hin. Sollte in etwa wie auf dem anderen Menü aussehen. Für eine Lösung bin ich wie immer sehr dankbar! www.valle90.bplaced.net
Gruß Valentin
Letzte Änderung: 10 Jahre 5 Monate her von vaz.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Thomas Hunziker
- Offline
- Administrator
10 Jahre 5 Monate her #618
von Thomas Hunziker
Thomas Hunziker antwortete auf Menu-Formatierung
Die Ränder kommen von dieser Regel:
Das heisst du kannst den margin hier auf 0 setzen und hast keine Ränder mehr.
Code:
#topmenu ul.menu ul.nav-child li {
margin: 2px;
}
Folgende Benutzer bedankten sich: vaz
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
10 Jahre 5 Monate her - 10 Jahre 5 Monate her #625
von vaz
vaz antwortete auf Menu-Formatierung
Letzte Änderung: 10 Jahre 5 Monate her von vaz.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Thomas Hunziker
- Offline
- Administrator
10 Jahre 5 Monate her #626
von Thomas Hunziker
Thomas Hunziker antwortete auf Menu-Formatierung
Das Hauptproblem ist vermutlich dass du "none" hast, statt "0". Und der Radius ist auf dem Link ("a") aktiv und nicht auf dem "li".
Versuch mal das:
Versuch mal das:
Code:
#topmenu ul.menu li a {
border-radius: 0;
}
Folgende Benutzer bedankten sich: vaz
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
Ladezeit der Seite: 0.145 Sekunden